@charset "utf-8";
/* CSS Document */
body {
	font-size:12px;
	font-family:\5b8b\4f53;
	line-height:150%;
	margin:0;
	padding:0;
	color:#333;
	background:#eff2f5 url('../images/main-bg-top.jpg') top left repeat-x;
}
div {
	margin:0 auto;
	padding:0;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
	margin:0;
	padding:0;
	border:none;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
}
.wrap {
	width:980px;
}
.blank {
	margin-bottom:8px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.tl {
	text-align:left;
}
.tc {
	text-align:center;
}
.tr {
	text-align:right;
}
.dis {
	display:block;
}
.inline {
	display:inline;
}
.none {
	display:none;
}
.cl {
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.bdr {
	border:1px solid #DCDCDC;
}
*html .clearfix {
	height:1%;
}
*+html .clearfix {
	height:1%;
}
/*字体及颜色*/
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #e45323;
	text-decoration:underline;
}
a:active {
	color: #333;
	text-decoration:none;
}
.mt8 {
	margin-top:8px;
}
/*头部*/
#head {
	width:980px;
	height:122px;
	margin:0 auto;
	background:url('../images/head-bg.jpg') -40px 0 no-repeat;
}
#head-main {
	width:100%;
	height:78px;
}
.hmr {
	width:350px;
	height:75px;
	overflow:hidden;
}
.rex {
	margin-top:20px;
	text-align:right;
	font-family:"微软雅黑",Verdana, Geneva, sans-serif;
	font-size:22px;
}
#nav {
	width:980px;
	height:44px;
	clear:both;
	list-style:none;
	background:url('../images/nav-bg.png') top left repeat-x;
}
#nav li {
	float:left;
	height:44px;
	width:99px;
	background: url("../images/sx_bg.gif") no-repeat scroll 0 0 transparent;
}
#nav li a {
	display:block;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	height:42px;
	margin:1px 0;
	line-height:42px;
}
#nav li a:hover, #nav li.actived a {
	font-weight:bold;
	background:url('../images/nav-bg.png') 0 -44px no-repeat;
}
#nav li a.current {
	font-weight:bold;
	background:url('../images/nav-bg.png') 0 -88px no-repeat!important;
}
#nav li.curs {
	font-weight:bold;
	background:url('../images/nav-bg.png') 0 -86px no-repeat!important;
}
#nav li.nav-sp-first, #nav li.nav-sp {
	background-image:url('../images/nav-bg.png');
	background-position:-24px -130px;
	background-repeat:no-repeat;
	width:2px;
}
#nav li.nav-sp-first {
	background-position:0 -130px;
}
#nav-home {
	display:block;
	width:18px;
	height:29px;
	margin:auto;
	background:url('../images/nav-bg.png') -4px -133px no-repeat;
}
#nav li a:hover #nav-home {
	background:url('../images/nav-bg.png') -28px -133px no-repeat;
}
#nav li a.current #nav-home {
	background:url('../images/nav-bg.png') -50px -132px no-repeat!important;
}
#nav .search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 30px;
    overflow: hidden;
	margin-top:6px;
	margin-right:20px;
}
#nav .search .search-text {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    width: 150px;
}
#nav .search .search-btn {
	background:url(../images/sc_bg.gif) no-repeat;
    border: 0 none;
    float: left;
    height: 30px;
    width: 35px;
}
/*-----------footer------------*/
#foot {
	margin:30px 0;
	text-align:center;
}
#foot a, #foot span {
	color:#666;
	padding:0 2px;
	margin:0 3px;
	font-size:12px;
}
/*content*/
.index_l {
	width:202px;
	height:auto;
}
.index_r {
	width:778px;
	height:auto;
	overflow:hidden;
}
.in_l {
	width:202px;
	height:auto;
}
.tl_l {
	width:202px;
	height:40px;
	line-height:40px;
	text-indent:20px;
	background:url(../images/rtl01_bg.png) repeat-x;
	color:#FFFFFF;
	font-size:18px;
	font-weight:500;
	font-family:"微软雅黑",Verdana, Geneva, sans-serif;
	border-radius:5px 5px 0 0;
}
#classbar {
	width:200px;
	background:#DBEAF9;
	height:auto;
	border:1px solid #2E82D0;
	border-top:0;
	padding:10px 0;
}
#classbar h3 {
	padding-left:20px;
}
.classlist {
	position:relative;
	z-index:1;
	height:32px;
	width:200px;
	border-bottom:1px #FFFFFF dotted;
}
.classlist span h3 {
	position:relative;
	z-index:2;
	height:32px;
	line-height:32px;
	font-size:14px;
	font-weight:normal;
}
.classlist span h3 a {
	font-size:14px;
	text-decoration:none;
	display:block;
	width:auto;
	height:auto;
	color:#000;
	background: url("http://swd.keruijie.com.cn/templets/swd/images/subnav_dian_bg.png") no-repeat scroll 150px 12px transparent;
}
.classlist span h3 a:hover {
	color:red;
	font-weight:bold;
	background:none;
}
.i-list {
	display:none;
	position:absolute;
	z-index:1;
	left:180px;
	top:-20px;
	width:180px;
	height:auto;
	padding:8px 10px;
	background:#FFFFFF;
	border:1px solid #2E82D0;
}
.i-list ul li {
	float:left;
	list-style:none;
	padding:3px 8px;
}
.i-list ul li a {
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.i-list ul li a:hover {
	text-decoration:underline;
	color:red;
}
.on_hover {
	border-top:1px solid #2E82D0;
	border-bottom:1px solid #2E82D0;
	width:161px;
	background:#FFFFFF;
}
.aon_hover {
	border-top:1px solid #2E82D0;
	border-bottom:1px solid #2E82D0;
	width:180px;
	background:#FFFFFF;
}
.brand {
	width:190px;
	height:auto;
	overflow:hidden;
	border:1px solid #2E82D0;
	border-top:0;
	padding:10px 10px 10px 0;
}
.brand li {
    float: left;
    line-height: 14px;
    padding: 5px 0 5px 10px;
    white-space: nowrap;
}
.brand img {
	width:85px;
	height:30px;
}
.brand li a {
    color: #666666;
    float: left;
}
.kefu {
	width:180px;
	height:auto;
	overflow:hidden;
	border:1px solid #2E82D0;
	border-top:0;
	padding:10px;
}
.kefu li {
	width:100%;
	height:30px;
	line-height:22px;
	text-align:center;
	color:#333;
	clear:both;
	border-bottom:1px #fff dashed;
	margin-top:5px;
}
.kefu span {
	color:#333;
	font-size:14px;
	padding:0 5px;
}
.kefu p {
	line-height:26px;
}
/*slider*/
#slider {
	position:relative;
	width:768px;
	height:230px;
	border:1px solid #dcdcdc;
	margin-left:8px;
	overflow:hidden;
}
#slider_list img {
	width:768px;
	height:230px;
	border:0px;
}
#slider_bg {
	position:absolute;
	bottom:0;
	background-color:#000;
	height:30px;
	filter: Alpha(Opacity=30);
	opacity:0.3;
	z-index:1000;
	cursor:pointer;
	width:478px;
}
#slider_info {
	position:absolute;
	bottom:0;
	left:5px;
	height:22px;
	color:#fff;
	z-index:1001;
	cursor:pointer
}
#slider_text {
	position:absolute;
	width:120px;
	z-index:1002;
	right:3px;
	bottom:3px;
}
#slider ul {
	position:absolute;
	list-style-type:none;
	filter: Alpha(Opacity=80);
	opacity:0.8;
	z-index:1002;
	margin:0;
	padding:0;
	bottom:3px;
	right:5px;
}
#slider ul li {
	margin-left:3px;
	padding:0px 6px;
	float:left;
	display:block;
	color:#007BB7;
	border:#999 1px solid;
	background:#fff;
	font-weight:bold;
	cursor:pointer;
}
#slider ul li.on {
	color:#fff;
	background:#A5E97A;
}
#slider_list a {
	position:absolute;
}
.br_show {
	width:778px;
	height:auto;
	overflow:hidden;
}
.tl_r {
	width:379px;
	height:31px;
	line-height:31px;
	color:#2B8BD9;
	font-weight:bold;
	text-indent:35px;
	background:url(../images/tl_bgl.gif) repeat-x;
	border-radius:5px 5px 0 0;
	position:relative;
}
.tl_r a {
	color:#2B8BD9;
}
.tl_r a:hover {
	color: #e45323;
	text-decoration:underline;
}
.ico_tl {
	position:absolute;
	top:0;
	left:-25px;
}
.more {
	position:absolute;
	bottom:8px;
	right:10px;
}
.br_show li {
	width:379px;
	height:auto;
    float: left;
	border:1px solid #dcdcdc;
	border-radius:5px 5px 0 0;
	margin-left:8px;
	margin-bottom:8px;
    white-space: nowrap;
	background-color:#fff;
}
.br_box{
	width:359px;
	height:auto;
	padding:10px 10px 0px 10px;
	overflow:hidden;
}
.br_box dl {
    display: block;
    height: 130px;
    overflow: hidden;
}
.br_box dt {
    display: block;
    float: left;
    margin-right: 5px;
    width: 150px;
}
.br_box dt a img {
    display: block;
    height: 120px;
    width: 150px;
}
.br_box dd span {
    float: right;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 5px;
    text-align: left;
    width: 200px;
}
.br_box dd span a {
    float: left;
    line-height: 20px;
}
.br_box dd {
    color: #888888;
    line-height: 20px;
}
.br_box dd span a:hover {
    color: #FF3300;
    float: left;
    line-height: 20px;
}
.br_box dd p {
    display: block;
    float: right;
    line-height: 20px;
    text-align: left;
    width: 148px;
}
/*----article-article----*/
.in_banner {
	width:770px;
	height:200px;
	overflow:hidden;
	border-radius:6px;
}
.cbox {
	width:770px;
	height:auto;
}
#pt {
	width:748px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 32px;
    line-height: 32px;
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
	border-radius:3px;
	padding:0 10px;
}
#pt .z {
    padding-right: 10px;
}
#pt .z a, #pt .z em, #pt .z span {
    float: left;
    height: 32px;
}
#pt .z em {
    background: url(../images/pt_item.png) no-repeat scroll 3px 11px transparent;
    line-height: 200px;
    overflow: hidden;
    width: 20px;
}
.nvhm {
    background: url(../images/pt_icn.png) no-repeat scroll 0 7px transparent;
    line-height: 200px;
    overflow: hidden;
    width: 16px;
}
.ar_con {
	width:738px;
	height:auto;
	padding:20px 15px;
    border: 1px solid #ccc;
	border-radius:3px;
	font-size:14px;
	background-color:#fff;
}
.ar_con h2 {
	width:100%;
	text-align:center;
	font-size:18px;
	color:#333;
	padding-bottom:10px;
	border-bottom:1px #dcdcdc dashed;
}
.ar_dis {
	width:100%;
	height:85px;
	overflow:hidden;
	margin-top:15px;
}
.ar_imgal {
    display: table-cell;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.ar_imgbox {
    border: 1px solid #CCCCCC;
    height: 180px;
    width: 230px;
	padding:4px;
}
.ar_discon {
	width:716px;
	height:60px;
	overflow:hidden;
	line-height:24px;
	padding:10px;
	border:1px solid #dcdcdc;
}
.ar_discon p {
	line-height:24px;
}
.ar_content{
	width:100%;
	height:auto;
	margin-top:20px;
	overflow:hidden;
	line-height:24px;
}
.ar_content p {
	line-height:24px;
}
.ab_content{
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:24px;
}
.ab_content p {
	line-height:24px;
}
.ar_detail {
	width:100%;
	height:32px;
	overflow:hidden;
	margin-bottom:20px;
	background:url(../images/products_view_pic01.gif) no-repeat;
}
.admap {
	width:730px;
	height:250px;
	margin:auto;
	margin-bottom:10px;
}
/*product*/
.product {
	width:100%;
	height:auto;
}
.product li{
	width:164px;
	height:160px;
	padding:10px;
	border:1px solid #cccccc;
	border-radius:5px;
	background-color:#ffffff;
}
.product .tu {
	width:160px;
	height:130px;
	border:1px solid #cccccc;
}
.product .zi {
	width:162px;
	height:30px;
	line-height:30px;
	text-align:center;
}
/*Links*/
.links {
	width:978px;
	height:auto;
	border:1px solid #ccc;
	border-radius:5px;
	background-color:#fff;
}
.lkls {
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}
.lkls li {
    float: left;
    line-height: 14px;
    padding: 8px 10px 0;
    white-space: nowrap;
}
.lkls li a {
    color: #666666;
    float: left;
}
.tl_in {
	width:100%;
	height:31px;
	line-height:31px;
	color:#2B8BD9;
	font-weight:bold;
	text-indent:15px;
	background:url(../images/titbg.jpg) repeat-x;
	border-radius:5px 5px 0 0;
}